// import dark theme
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;

//暗黑模式->自定义变量
:root.dark {
  --theme-icon: white;
  --border-color: #4c4d4f;
  --font-color: #fff;
  --font-color-gray: #fff;
  --background-color: var(--el-bg-color);
  --background-color-hover: var(--el-fill-color-light);
  --background-color-gray: var(--el-bg-color);
  //悬浮背景色
  --hover-bg: var(--el-fill-color-light);
  //登录页面
  --login-bg-color: "#eceff4";
  --login-form-title: var(--font-color);
  //导航栏
  --navBar-bg-color: var(--el-color-success);
  --sideMenu-border-color: var(--el-border-color);
  //父菜单
  --subMenu-bg: #f9f9f9;
  --subMenu-text: #230303;
  --subMenu-bg-hover: #f5f5f5;
  --subMenu-text-hover: #333333;
  //子菜单
  --menuItem-bg: #fcfcfc;
  --menuItem-text: var(--el-color-blcak);
  --menuItem-bg-hover: var(--el-fill-color);
  --menuItem-text-hover: var(--el-color-success);
  --menuItem-activeText: var(--el-color-success);
}
